<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" th:href="@{/js/layui/css/layui.css}"  media="all" />
    <!--<title>话术包配置</title>-->
    <style>
        .layui-tab { height: 100%; padding: 100px 0 0; box-sizing: border-box ;  }
        .layui-tab-title { height: 40px;  position: absolute; top: 0 ; left: 0 ; width: 100%; z-index:1000; }
        .layui-tab-content { position:absolute;left:0px;right:0;top:30px;bottom:0;z-index:998;width:auto;overflow:visible;overflow-y:auto;box-sizing:border-box  }
        .layui-tab-item {height: 100%}
    </style>
</head>
<body style="height: 100%;">
    <div id="layui-tab" class="layui-tab layui-tab-brief"  lay-filter="layui-tab" >
        <ul class="layui-tab-title">
            <li class="layui-this" lay-id="mFlowSetting" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:flows')">流程</li>
            <li lay-id="queryKnowledgeBase" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:knowledgebase')">知识库</li>
            <li lay-id="multiFlowSetting" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:multiWheelFlow')">多轮会话</li>
            <li lay-id="queryLearningAnalysis" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:learning')">问题学习</li>
            <li lay-id="queryRecordsByPackageId" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:records')">录音管理</li>
            <li lay-id="queryCommonKnowledgeBase" sec:authorize = "hasAuthority('ROLE_BTN_linkcall:flowConfig:setting:commonKnowledgeBase')">公共知识库</li>
        </ul>
        <div class="layui-tab-content" id="tabContent" >
            <div class="layui-tab-item layui-show"  >
                <!--http://localhost:8880/linkcall/flowConfig/flowSetting?flowType=main&packageId=AWWDm5qtmSkRNOi_Dnr3-->
                <iframe th:src="@{/flowConfig/flowSetting(flowType='main',packageId=${packageId})}" style="height: 100%;width: 100%;border: 0px"></iframe>
            </div>
            <div class="layui-tab-item" >
                <iframe id="queryKnowledgeBase" name="queryKnowledgeBase" style="height: 100%;width: 100%;border: 0px" ></iframe>
            </div>
            <div class="layui-tab-item" >
                <!--http://localhost:8880/linkcall/flowConfig/flowSetting?flowType=multiWheel&packageId=AWWDm5qtmSkRNOi_Dnr3-->
                <iframe style="height: 100%;width: 100%;border: 0px"></iframe>
            </div>
            <div class="layui-tab-item" >
                <iframe  style="height: 100%;width: 100%;border: 0px"></iframe>
            </div>
            <div class="layui-tab-item" >
                <iframe name="queryRecordsByPackageId" id="queryRecordsByPackageId"  style="height: 100%;width: 100%;border: 0px"></iframe>
            </div>
            <div class="layui-tab-item" >
                <iframe  style="height: 100%;width: 100%;border: 0px"></iframe>
            </div>
        </div>
    </div>
    <script th:inline="javascript">
        const baseUrl = [[${#servletContext.contextPath}]];
        const packageId = [[${packageId}]];
    </script>
    <script th:src="@{/js/jquery-1.7.2.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/layui/layui.js}"></script>
    <script type="text/javascript" th:src="@{/js/page/flow/config/packageConfig.js(v=${new java.util.Date().getTime()})}"></script>
    <script type="text/javascript"   th:src="@{/js/page/utils.js}"></script>
</body>
</html>